<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>İsminiz Kişisel Web Sitesi</title>
<link href="stil.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="header">
  <div class="ayar" id="logo"></div>
  <div class="ayar" id="title"><a href="index.html">İsminiz Kişisel Web Sitesi</a></div>
  <div class="ayar" id="menuler">
    <div class="ayar" id="anasayfa_menu"><a href="index.html">Anasayfa</a></div>
    <div class="ayar" id="hakkimda_menu"><a href="hakkimda.html">Hakkımda</a></div>
    <div class="ayar" id="iletisim_menu"><a href="iletisim.html">İletişim</a></div>
    <div class="ayar" id="arsiv_menu"><a href="arsiv.html">Arşiv</a></div>
  </div>
</div>
<div id="content">
  <div id="content_orta">
    <div class="ayar" id="orta_sol">
      <div id="ilk_yazi">
        <div id="ilk_yazi_baslik">
          <div class="ayar" id="yazi_icon"></div>
          <div class="ayar" id="post_title"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image"><img src="images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_1">
        <div id="ilk_yazi_baslik_1">
          <div class="ayar" id="yazi_icon_1"></div>
          <div class="ayar" id="post_title_1"><a href="#">Lorem ipsum dolor sit amet</a><br />
          <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image_1"><img src="images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_1">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_2">
        <div id="ilk_yazi_baslik_2">
          <div class="ayar" id="yazi_icon_2"></div>
          <div class="ayar" id="post_title_2"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani_2">
          <div class="ayar" id="post_image_2"><img src="images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_2">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_3">
        <div id="ilk_yazi_baslik_3">
          <div class="ayar" id="yazi_icon_3"></div>
          <div class="ayar" id="post_title_3"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image_3"><img src="images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_3">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
    </div>
    <div class="ayar" id="orta_sag">
      <div id="reklamlar">
        <div class="ayar" id="ads"><img src="images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads2"><img src="images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads3"><img src="images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads1"><img src="images/ads.png" alt="Ads" width="128" height="125" /></div>
      </div>
      <div id="sag_alt">
        <div id="son_yazilar">
          <div id="son_yazilar_baslik">
            <div class="ayar" id="son_yazilar_icon"></div>
            <div class="ayar" id="baslik_title">Son Yazılar</div>
          </div>
          <div id="son_yazi_icerigi"><span class="style2">Lorem ipsum dolor sit ame</span>t<br />
              <strong>01.05.2010</strong><br />
            Donec sagittis dolor et est pretium non lacinia purus aliquet. Proin luctus pellentesque turpis, in accumsan magna pellentesque in. Donec nunc sem, sodales ac commodo</div>
          <div id="son_yazi_icerigi_1"><span class="style2">Lorem ipsum dolor sit ame</span>t<br />
              <strong>01.05.2010</strong><br />
            Donec sagittis dolor et est pretium non lacinia purus aliquet. Proin luctus pellentesque turpis, in accumsan magna pellentesque in. Donec nunc sem, sodales ac commodo</div>
          <div id="yazi_devami"><a href="#">Yazının Devamı</a>...</div>
        </div>
        <div id="twitter">
          <div id="son_yazilar_baslik_1">
            <div class="ayar" id="twitter_icon"></div>
            <div class="ayar" id="twitter_title">Twitter</div>
          </div>
          <div id="twit_mesaj">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Cum sociis natoque penatibus et magnis dis.</div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer"><strong>Copyright</strong>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp; Arayüz Tasarımı - CSS kodlama  <span class="style3"><a href="http://blog.yigitkorkmaz.com" target="_blank">Yiğit Korkmaz</a></span> Tarafından Yapılmıştır.</div>
</body>

</html>
